<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .container{
            text-align: center;
        }
        #currentTime{
            color: gray;
        }
        .content{
            text-align: left;
            text-indent: 30px;
        }
        .tip{
            text-align: left;
        }
        .img{
            width: 400px;
            height: 400px;
            margin: 0 auto;
            background-image: url("https://img2.baidu.com/it/u=2742250149,1529682126&fm=253&fmt=auto&app=138&f=JPEG?w=625&h=500");
            background-position: 0 0;
            background-size: 100% 100%;
            border: 1px solid;
        }
    </style>
</head>
<body>
    <div class="container">
        <h1>北京高温明日达鼎盛 京津冀多地地表温度超60℃</h1>
        <div>
            <span id="currentTime">2019-08-12 18:01:05 来源</span>
            <a href="#">中国天气网</a>
            <input type="text" placeholder="请输入查询条件">
            <button>搜索</button>
        </div>
        <hr/>
        <p class="content">
            中国天气网讯 今天（3日），华北、黄淮多地出现高温天气、截止下午2点、北京、天津、郑州等地气温突破35℃。预报显示，今后三天（3-5日），这一带的高温天气持续发酵，高温范围以及温度将在4日达到鼎盛，预计北京、天津、石家庄、济南等地明天的最高气温有望突破38℃，其中北京和石家庄的最高气温还有望创今年以来的新高。
        </p>
        <h3 class="tip">气温41.4℃！地温66.5℃！北京强势迎七月首个高温日</h3>
        <div class="img"></div>
    </div>
    <script type="text/typescript">
        let spanEle:HTMLElement = document.getElementById("currentTime");
        let date:Date = new Date();
        spanEle.innerText = date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + date.getDate() + " " date.getHours() + "-" + date.getMinutes() + "-" date.getSeconds() + "来源";
        console.log("dsads")
    </script>
</body>
</html>